Rock Paper Scissors

Created: 18/03/2015
By: Sparximer
Email: abdullah-hallak@hotmail.com
Code Canyon: codecanyon.net/user/Sparximer

Table of Contents

A. The game
B. Game Arts
C. Embed a game into your website
D. Example game
E. Editing images
F. Editing the game

A) The game - Top

The game Rock_Paper_Scissors was developed using the program Construct 2, from Scirra. Download Construct program: https://www.scirra.com/.
Please note that if you want to open the capx file and edit the game features and functions, you must have the construct2 license.
But if you want to use the game as is, just edit the image and embed the gameas explained below.

B) Game Arts - Top

The arts of the game are created especially for the game and may be used any way you like. They are in Photoshop format. All layers are named, and are easy to edit. As well as png files for all assets.

 

C) Embed a game into your website - Top

To embed a game in your website, just use an iframe on the page that you want the game to appear at.
Follow the steps below:

1 - The game is in this directory: Rock_Paper_Scissors/game.
2 - Copy the folder to your server.
3 - On the page that you want the game to appear, copy the following code in html:

<iframe src="directory/index.html" width="800px" height="450px"> </ iframe>

4 - Where is "directory" you put the entire directory to where you put the game on your server, example: "games/Rock_Paper_Scissors".
5 - If you want to change the size of the game will appear on your website, simply modify the "width" and "height". You can use whatever size you want, because the game will adjust alone.

To show the game alone on the page as a whole, just use the "index.html" which is in the game folder.

D) Example game - Top

You can check out an example of the game applied to a page in this directory: Rock_Paper_Scissors/example

E) Editing images - Top

To edit the images of the game, no need to leave the program. Just replace them. Follow the steps below.

1 - The pictures are in this directory: Rock_Paper_Scissors/game/images.
2 - Make sure the image you want to replace has the same dimensions of the original.
3 - Always save in PNG, because if you save as jpeg, it will not work, because it lacks transparency.
4 - Replace the original image you created.
5 - Okay, now try the game!

Important: You should always make a backup before editing, because you may want to recover the original file.

F) Editing the game - Top

Note that the game is ready to be played on your computer or mobile. But if you want to make changes editing speed, or phase structure, you need to have a license of the program. You can purchase the license by accessing the website of the program, click here.

Construct the game files are in this directory: Rock_Paper_Scissors/capx

This is what the program code looks like ( image below ), if you want to edit the game features and get the best out of this game, you can use the capx file found in the capx folder.

Editing the capx is very easy and if you have little to no experience in construct 2, please go to:
https://www.scirra.com/tutorials/37/beginners-guide-to-construct-2
Where it is a beginners guide that explains everything needed to get started.
You can browse through the tutorials there to learn more Or contact me if you need some help editing this game.

 

Thank you for purchasing my files. If you have any questions beyond the help file, please, feel free to send an e-mail or fill out the contact form on my page in CodeCanyon. See you in my next game ;)
Sparximer